@navColor:#F00603;
@navBorderColor:#C53929;

*{
  padding:0;
  margin:0;
  box-sizing:border-box;
}
.container{
  max-width: 1180px;
  min-width: 640px;
  margin:6px auto;
  // background:#CCC;
}
.movie-box{
  box-sizing: border-box;
  margin-bottom:20px;
  background: #F2F2F2;
  border-radius:2px;
  max-height:320px;
  overflow: hidden;
  >a{
    display: inline-block;
    color:#333;
    text-decoration: none;
    &:link{
      color:#333;
      text-decoration: none;
    }
    &:visited{
      color:#333;
      text-decoration: none;
    }
    >div{
      padding:4px;
    }
  }
  &:hover{
    box-shadow: 0 0 2px 2px #CCC;
  }
}



.well{
  padding:10px;
  background:#DDD;
  border-radius: 4px;
}

.nav{
    max-width: 100%;
    min-width: 360px;
    list-style: none;
    background: @navColor;
    border-bottom:1px solid @navBorderColor;
    // margin-bottom: 10px;
    &:after{
      content:'';
      display: block;
      visibility: hidden;
      overflow: hidden;
      clear:both;
    }
    >li{
      float:left;
      color:#FFF;
      >a{
         padding:14px; 
         line-height: 40px; 
         color:#FFF; 
         text-decoration:none;
         &.active{
            /* background: red; */
         }
      }
    }
  } 

  .footer{
    position: fixed;
    z-index:999;
    bottom:0;
    width: 100%;
    background:rgba(238,238,238,0.8);
    color:#333;
    >p{
      line-height: 40px;
      text-align:center;
      margin-bottom: 0;
    }
  }
